<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>版型</title>
    <link rel="stylesheet" href="css/北大青鸟课程导航.css">

    <style>

        .smallbg{border: 1px solid ;height: 25px;background-color: black;width:1366px}

        .banxin{border: 1px solid yellow;height: 25px;width:800px;margin: 0px auto;background-color: red}
       /* 版心：根据浏览器设置一个最大的div背景；然后在这个大的div里面在嵌套一个小div作为版心，加入大的div长度是1366；那么版型就去1300也许。设置magin居中，
        空出来的2边各占33*/
        .text-right{float: right;line-height: 25px}
         .test-left{float: left;line-height: 25px}
    </style>
</head>
<body>

<div class="smallbg">
 <div class="banxin">
    <div class="test-left" > 你好。欢迎来到我家</div>
     <div class="text-right">你好，大家好</div>
</div>

</div>

</body>
</html>